<template>
  <div>
    <el-container>
      <el-header>
        <div class="header-left"><span style="font-weight: 200;font-size: 16px;width: 10%;">crowNight宿舍管理系统</span></div>
        <div class="header-middle" style=""></div>
        <div class="header-right" style="width: 10%;height: 120px;">
          <span>登录&nbsp;/&nbsp;注册</span>
        </div>
      </el-header>
    </el-container>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {};
</script>

<style scoped lang="less" rel="stylesheet/less">
  .el-header{
    background-color: #B3C0D1;
    height: 120px!important;
    color: #333;
    text-align: center;
    line-height: 120px;

    .header-left{
      float: left;
    }
    .header-middle{
      position: relative;
      width: 80%;
      height: 120px;
      top:0;
      left: 12%;
      background: url('./0824ab18972bd40704fe413d72899e510fb30930.jpg') no-repeat;
      background-size: auto;
    }
    .header-right{
      float: right;
      position: absolute;
      top:0;
      right: 10px;
    }
  }

</style>
